<template>
  <!-- 工具栏 -->
  <nav class="bar bar-tab">
      <a class="tab-item external" v-bind:class="{ active: $route.name == 'home' }" href="#">
          <span class="icon icon-home"></span>
          <span class="tab-label">首页</span>
      </a>
      <a class="tab-item external" v-bind:class="{ active: $route.name == 'items' }" href="/#/items">
          <span class="icon icon-settings"></span>
          <span class="tab-label">项目</span>
      </a>
      <a class="tab-item external" v-bind:class="{ active: $route.name == 'more' }" href="/#/more">
          <span class="icon icon-app"></span>
          <span class="tab-label">设置</span>
      </a>
      <a class="tab-item external">
          <span class="icon icon-me open-panel"></span>
          <span class="tab-label">信息</span>
      </a>
  </nav>
</template>

<script>
export default {
  props: {
    title: '',
    path: '',
    name: ''
  }
}
</script>
